<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- header start -->
<div class="ileader-header">
  <div class="ileader-main layui-clear">
    <a href="index.html" class="logo"><img src="../dist/images/logo.png" alt=""></a>
    <ul class="nav-list">
      <li class="list-item"><a href="#">下载APP</a></li>
      <li class="list-item">
        <form class="layui-form search-box">
          <div class="layui-input-inline">
            <input type="text" name="seachInfo" class="layui-input search-input" placeholder="搜索课程信息" autocomplete="off">
          </div>
          <button class="layui-btn layui-btn-normal search-btn" lay-submit lay-filter="formDemo"></button>
        </form>
      </li>
      <!-- 登录前 -->
      <!--<li class="list-item">-->
      <!--<a href="javascript:;" class="js-header-register">注册</a> / <a href="javascript:;" class="js-header-signIn">登录</a>-->
      <!--</li>-->
      <!--<li class="list-item item-user">-->
      <!--<span class="user-head"><img src="../dist/images/user_head.png" class="" alt=""></span>-->
      <!--</li>-->
      <!-- 登录后 -->
      <li class="list-item list-item-after">
        <a href="m-news.html" class="user-news active">消息</a>
        <a href="m-online-course.html">个人中心</a>
      </li>
      <li class="list-item item-user">
        <span class="user-name">黑眼圈圈</span>
        <span class="user-head"><img src="../dist/images/user_head.png" alt=""></span>
      </li>
    </ul>
  </div>
</div>
<!-- header start-->

<!-- content start-->
<div class="member-wrap">
  <div class="member-main layui-clear">
    <div class="member-left">
      <div class="member-left-hd mb-10">
        <div class="m-user-avatar layui-clear">
          <div class="avatar-pic"><img src="../dist/images/user_avatar.png" alt=""></div>
          <div class="avatar-info">
            <div class="nickname">黑眼圈都合黑眼圈都合</div>
            <a href="javascript:;" class="btn-change-avatar">更改头像</a>
          </div>
        </div>
        <div class="m-user-level">当前级别：Level1</div>
      </div>
      <ul class="member-nav-list">
        <li class="list-item"><a href="m-online-course.html">线上课表</a></li>
        <li class="list-item"><a href="m-live-course.html">直播课表</a></li>
        <li class="list-item"><a href="m-offline-course.html">线下课表</a></li>
        <li class="list-item"><a href="m-course-comment.html">课程反馈</a></li>
        <li class="list-item"><a href="m-test.html">我的测试</a></li>
        <li class="list-item"><a href="m-collection.html">我的收藏</a></li>
        <li class="list-item"><a href="m-order.html">我的订单</a></li>
        <li class="list-item active"><a href="m-personal-info.html">个人信息</a></li>
        <li class="slide-bar"></li>
      </ul>
    </div>
    <div class="member-right">
      <div class="member-main-bar mb-10">
        <span class="marks"><i class="icon icon-person"></i>个人信息</span>
      </div>
      <div class="member-main-container">
        <div class="m-personal-floor">
          <div class="floor-pane">
            <div class="floor-title">个人信息</div>
            <div class="floor-form">
              <form class="layui-form">
                <div class="layui-form-item">
                  <label class="layui-form-label">姓名</label>
                  <div class="layui-input-inline">
                    <input type="text" name="username" autocomplete="off" class="layui-input">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">性别</label>
                  <div class="layui-input-inline" style="padding-left: 20px">
                    <input type="radio" name="sex" value="male" title="男">
                    <input type="radio" name="sex" value="female" title="女">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">公司</label>
                  <div class="layui-input-inline">
                    <input type="text" name="company" autocomplete="off" class="layui-input">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">职务</label>
                  <div class="layui-input-inline">
                    <input type="text" name="job" autocomplete="off" class="layui-input">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label" style="color: #ccc">工号</label>
                  <div class="layui-input-inline" style="margin-right: 56px">
                    <input type="text" name="jobNum" readonly class="layui-input layui-disabled">
                  </div>
                  <div class="layui-input-inline">
                    <button class="layui-btn layui-btn-normal layui-btn-radius btn-submit" lay-submit lay-filter="infoSaveForm">保存</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="floor-pane">
            <div class="floor-title">账户设置</div>
            <div class="floor-form">
              <form class="layui-form">
                <div class="layui-form-item">
                  <label class="layui-form-label" style="color: #ccc">邮箱</label>
                  <div class="layui-input-inline">
                    <input type="text" name="useremail" readonly class="layui-input layui-disabled">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">手机</label>
                  <div class="layui-input-inline">
                    <input type="text" name="userphone" readonly class="layui-input layui-disabled">
                  </div>
                  <a href="javascript:;" class="btn-change js-info-phone">更换手机号</a>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">登录密码</label>
                  <div class="layui-input-inline">
                    <input type="password" name="userpwd" readonly class="layui-input layui-disabled">
                  </div>
                  <a href="javascript:;" class="btn-change js-info-pwd">修改密码</a>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"></label>
                  <div class="layui-input-inline">
                    <div class="extra-account">
                      <span style="margin-right: 20px">第三方账号<em>（绑定后可使用以下帐号直接登录当前帐户）</em></span>
                      <span><i class="icon icon-wx"></i>微信 / <a href="javascript:;" class="btn-change">绑定</a></span>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- content end-->

<!-- footer start-->
<div class="footer-warp">
  <div class="footer-nav">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">帮助中心</a>
    <a href="javascript:;" class="ewm-link">
      <span>订阅号</span>
      <div class="ewm-box">
        <p>扫描二维码关注<br>iLeader微信服务号</p>
        <img src="../dist/images/ewm.png" alt="">
      </div>
    </a>
  </div>
  <div class="copyright">京ICP证030173号-1   京网文【2013】0934-983号     ©2019Baidu</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/popup_all.js"></script>
<script src="../dist/js/m_all.js"></script>
<script src="../dist/js/m_info.js"></script>
</body>
</html>